import { createApp } from "vue"
import Particles from "particles.vue3"
import pinia from "@/stores/index"
import App from "@/App.vue"
import print from "vue3-print-nb"
import router from "@/router"
import { directive } from "@/directive"
import { i18n } from "@/i18n"
import registerIcons from "@/utils/register-icons"
import other from "@/utils/other"

import ElementPlus from "element-plus"
import "@/theme/index.scss"
import VueGridLayout from "vue-grid-layout"

const app = createApp(App)

directive(app)
other.elSvg(app)

app
  .use(Particles)
  .use(print)
  .use(pinia)
  .use(router)
  .use(ElementPlus)
  .use(registerIcons)
  .use(i18n)
  .use(VueGridLayout)
  .mount("#app")
